<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bus</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/index.css">
    <script src="./assets/js/reset.js"></script>

    <link rel="stylesheet/less" href="./assets/css/index.less">
    <!-- 公共部分 -->
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/bus.css">
</head>

<body>
    <div class="content">
        <!-- 头部 -->
        <header>
            <div class="seach">
                <div class="head">
                    <input type="text" placeholder="搜索车型" class="inp">
                </div>
                <div class="news">
                    <!-- 铃铛 -->
                    <span class="iconfont">&#xe602;</span>
                </div>
            </div>
        </header>

        <!-- banner图 -->
        <div class="banner">
            <div class="ban">
                <img src="./assets/images/buy_03.png" alt="">
            </div>
        </div>

        <!-- 选车部分 -->
        <div class="cat" id="cat">
            <div class="item">
                <div class="back">
                    <img src="./assets/images/pink_03.png" alt="">
                </div>
                <div class="txt">超值好车</div>
            </div>

            <div class="item">
                <div class="back">
                    <img src="./assets/images/vr_05.png">
                </div>
                <div class="txt">VR看车</div>
            </div>

            <div class="item">
                <div class="back">
                    <img src="./assets/images/suv_07.png" alt="">
                </div>
                <div class="txt">热销SUV</div>
            </div>
            <div class="item">
                <div class="back">
                    <img src="./assets/images/jsj_09.png" alt="">
                </div>
                <div class="txt">计算器</div>
            </div>
        </div>

        <!-- 导航部分 -->
        <div class="nav">
            <div class="int">智能排序</div>
            <div class="int">品牌</div>
            <div class="int">车价</div>
            <div class="int">筛选</div>
        </div>

        <!-- 小轮播部分 -->
        <div class="small">
            <div class="back">
                <div class="img">
                    <img src="./assets/images/c1.png" alt="">
                </div>
                <div class="txt">三箱轿车</div>
            </div>

            <div class="back">
                <div class="img">
                    <img src="./assets/images/c2.png" alt="">
                </div>
                <div class="txt">两箱轿车</div>
            </div>

            <div class="back">
                <div class="img">
                    <img src="./assets/images/c3.png" alt="">
                </div>
                <div class="txt">SUV</div>
            </div>
        </div>

        <!-- 千库 -->
        <div class="much">
            <div class="back1">
                <div class="left">
                    <img src="./assets/images/ct1.png" alt="">
                </div>

                <div class="right">
                    <div class="title">
                        千库 588ku 2019款 3.0T 自动 天窗版
                    </div>

                    <div class="pirc">
                        厂商指导价：13.05万
                    </div>
                    <div class="last">
                        首付
                        <span>5000</span>
                        元
                    </div>
                </div>
            </div>

            <div class="back1">
                <div class="left">
                    <img src="./assets/images/ct1.png" alt="">
                </div>

                <div class="right">
                    <div class="title">
                        千库 588ku 2019款 3.0T 自动 天窗版
                    </div>

                    <div class="pirc">
                        厂商指导价：13.05万
                    </div>
                    <div class="last">
                        首付
                        <span>5000</span>
                        元
                    </div>
                </div>
            </div>

            <div class="back1">
                <div class="left">
                    <img src="./assets/images/ct1.png" alt="">
                </div>

                <div class="right">
                    <div class="title">
                        千库 588ku 2019款 3.0T 自动 天窗版
                    </div>

                    <div class="pirc">
                        厂商指导价：13.05万
                    </div>
                    <div class="last">
                        首付
                        <span>5000</span>
                        元
                    </div>
                </div>
            </div>
        </div>
         <!-- footer底部 -->
         <footer class="footer">
             <a href="./index.html">
                 <span class="iconfont">&#xe639;</span>
                 <span class="text">首页</span>
             </a>
             <a href="./bus.html">
                 <span class="iconfont">&#xe65d;</span>
                 <span class="text">买车</span>
             </a>
             <a href="./lend.html">
                 <span class="iconfont">&#xe621;</span>
                 <span class="text">租车</span>
             </a>
             <a href="./sell.html">
                 <span class="iconfont">&#xe634;</span>
                 <span class="text">卖车</span>
             </a>
             <a href="./my.html">
                 <span class="iconfont">&#xe600;</span>
                 <span class="text">我的</span>
             </a>
         </footer>
    </div>
</body>

</html>
<script src="./assets/js/reset.js"></script>
<!-- <script src="./assets/js/less.min.js"></script> -->